<template>
  <div>
    <oolongButton type="primary" @click.native="btnclick">显示对话框</oolongButton>
    <oolongDialog
      :value="Dialog"
      title="普通的Dialog对话框标题"
      @on-ok="ok"
      @on-cancel="cancel"
      @callback4fc="callback4fc">
      <p>对话框内容</p>
      <p>对话框内容</p>
      <p>对话框内容</p>
    </oolongDialog>
  </div>
</template>
<script>
  import '../assets/styles/index.less'
  import oolongButton from '../components/button'
  import oolongDialog from '../components/dialog'

  export default{
    data(){
      return {
        Dialog: false
      }
    },
    components: {
      oolongButton,
      oolongDialog
    },
    methods: {
      ok: function () {
        alert("ok");
//        oolongDialog.info({
//          title: '用户信息',
//          content: '测试info'
//        })
      },
      cancel: function () {
        alert("cancel");
      },
      btnclick: function () {
        alert("this.Dialog=="+this.Dialog);

        this.Dialog=true;
      },
      callback4fc:function (msg) {
        alert(msg);
        this.Dialog=msg;
      }
    }
  }
</script>
<style lang="scss" scoped>

</style>
